<template>
  <a-modal :maskClosable="false"
    :title='title'
    :width='800'
    :visible='visible'
    :confirmLoading='confirmLoading'
    @ok='handleOk'
    @cancel='handleCancel'
    cancelText='关闭'>

    <a-spin :spinning='confirmLoading'>
      <a-timeline>
        <a-timeline-item  v-for='track in trackList'>{{track}}</a-timeline-item>
      </a-timeline>
    </a-spin>
  </a-modal>
</template>

<script>
import { httpAction, putAction, getAction, postAction } from '@api/manage'

export default {
  name: 'hChCareDoorOrderTrackModal',
  data() {
    return {
      title: '操作',
      visible: false,
      layout: {
        labelCol: { span: 4 },
        wrapperCol: { span: 14 }
      },
      confirmLoading: false,
      url: {
        list: 'ch/door/order/track/list'
      },
      trackList:[]
    }
  },
  created() {

  },
  methods: {
    edit(record) {
      const that=this;
      this.visible = true
      getAction(this.url.list+"?orderSn="+record.orderSn).then((res)=>{
        if(res.success){
          that.trackList=res.result;
        }
      })
    },
    close() {
      this.$emit('close')
      this.visible = false
    },
    handleOk() {
      const that = this
      that.close()
    },
    handleCancel() {
      this.close()
    }


  }
}
</script>

<style scoped>

</style>